@import '../../variables.less';

.audioModalContent {
	background-size: cover;
	height: 100%;
	width: 100%;
	.content {
		position: relative;
		z-index: 999;
		height: 100%;
		width: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		overflow: hidden;
		.avatar {
			width: 80px;
			height: 80px;
			img {
				width: 100%;
				height: 100%;
			}
		}
		.callWords {
			margin-top: 10px;
			font-size: 15px;
			color: @primary-color;
		}
		.callIcons {
			margin-top: 10px;
			display: flex;
			justify-content: center;
			width: 100px;
			img {
				width: 35px;
				height: 35px;
				cursor: pointer;
				margin: 0 20px;
			}
		}
		// :global {
		// 	.memberDrawer {
		// 		.ant-drawer-header-title {
		// 			text-align: center;
		// 		}
		// 		.ant-drawer-body {
		// 			padding: 2px 10px;
		// 			li {
		// 				display: flex;
		// 				align-items: center;
		// 				justify-content: space-between;
		// 				margin-bottom: 10px;
		// 				font-size: 15px;
		// 				span:first-child {
		// 					margin-right: auto;
		// 				}
		// 				span:not(:first-child) {
		// 					color: @primary-antd-color;
		// 					cursor: pointer;
		// 					margin-left: 4px;
		// 				}
		// 			}
		// 		}
		// 		.ant-drawer-body::-webkit-scrollbar {
		// 			width: 5px;
		// 		}
		// 		.ant-drawer-body::-webkit-scrollbar-thumb {
		// 			border-radius: 5px;
		// 			background-color: @primary-border_bg-color;
		// 		}
		// 	}
		// }
	}
}
.audioModalContent::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 300px;
	background-color: @call-modal-bg-color;
	backdrop-filter: blur(1px);
}

// :global {
// 	.audioModal {
// 		.ant-modal-content {
// 			background-image: linear-gradient(to top, #a8edea 0%, #fed6e3 100%);
// 			padding: 0;
// 			button {
// 				right: 0;
// 				top: 0;
// 				margin: 3px;
// 				color: @primary-antd-color;
// 			}
// 			button:hover {
// 				color: @primary-antd-color;
// 			}
// 			.ant-modal-header {
// 				margin: 5px 0 2px 5px;
// 				.ant-modal-title {
// 					text-align: center;
// 					background-color: #fed6e3;
// 				}
// 			}
// 			.ant-modal-body {
// 				width: 100%;
// 				height: 300px;
// 			}
// 		}
// 	}
// }
